
<ion-navbar *navbar hideBackButton class="show-navbar">
  <ion-title>Avatar List</ion-title>
</ion-navbar>

<ion-content class="has-header demo-list-icons">
  <ion-list>

    <ion-list-header>Today</ion-list-header>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-cher.png">
      </ion-avatar>
      <h2>Cher</h2>
      <p>Ugh. As if.</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-dionne.png">
      </ion-avatar>
      <h2>Dionne</h2>
      <p>Mr. Hall was way harsh on my report card.</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-murray.png">
      </ion-avatar>
      <h2>Murray</h2>
      <p>Excuse me, "Ms. Dione."</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-josh.png">
      </ion-avatar>
      <h2>Josh</h2>
      <p>You're such a superficial space cadet!</p>
    </ion-item>

  </ion-list>

  <ion-list>

    <ion-list-header>Yesterday</ion-list-header>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-tai.png">
      </ion-avatar>
      <h2>Tai</h2>
      <p>Rollin' with the homies!</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-amber.png">
      </ion-avatar>
      <h2>Amber</h2>
      <p>Um. Whatever.</p>
    </ion-item>

    <ion-item>
      <ion-avatar item-left>
        <img src="img/avatar-travis.png">
      </ion-avatar>
      <h2>Travis</h2>
      <p>Tardiness is a talent.</p>
    </ion-item>

  </ion-list>

</ion-content>

